$(function(){
    //在原型上定义数组删除指定元素
    Array.prototype.indexOf = function(val) {
        for (var i = 0; i < this.length; i++) {
            if (this[i] == val) return i;
        }
        return -1;
    };
    Array.prototype.remove = function(val) {
        var index = this.indexOf(val);
        if (index > -1) {
            this.splice(index, 1);
        }
    };

    //获取input框里的url地址
    var imgUrl = $('#mainImageUrl').val(); //  /^http:\/\/(.*\.jpg)/m
       console.log(imgUrl);
    //将url地址分割成数组
    var imgUrlArr=imgUrl.split(/,/)
//        console.log(imgUrlArr);

    //遍历url地址填充到img里,并将每个li添加到ul里
        for(i=0; i < imgUrlArr.length; i++){
//            console.log(n[i] + "<br>");
            if(imgUrl != ''){
                $('.imageBox ul').append('<li>'+'<img src='+imgUrlArr[i]+'>'+
                    '<a href="#" class="close">'+'<img src="remove.png" class="remove">'+'</a>'+
                    ' '+
                    '</li>');
            }
        }

    //点击关闭按钮
    $('.imageBox').on('click','.close',function(e){
        e.stopPropagation();
        e.preventDefault();
//            $('.imageBox ul').html('');
//            $('input').val('');
        var that = $(this);
        //点击关闭按钮，清除该图片
        that.parent().remove();
        //清除相应的value里的url地址
        var closeUrl = that.prev().attr('src');
        console.log(closeUrl);
        //调用Array.prototype.remove方法，指定删除某一项
        imgUrlArr.remove(closeUrl);
        console.log(imgUrlArr);
        //把url地址数组转为字符串放在input里
        $('input').val(imgUrlArr.join(","));
    })
})